view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}

.round {
	border-radius: 50%;
}

.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

.justify-around {
	justify-content: space-around;
}

.justify-between {
	justify-content: space-between;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-col {
	flex-direction: column;
}

.flex-col-reverse {
	flex-direction: column-reverse;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.order-4 {
	order: 4;
}

.order-5 {
	order: 5;
}

.order-last {
	order: 9999999;
}

.p-12 {
	padding: 12rpx;
}

.p-16 {
	padding: 16rpx;
}

.p-20 {
	padding: 20rpx;
}

.p-24 {
	padding: 24rpx;
}

.p-28 {
	padding: 28rpx;
}

.p-32 {
	padding: 32rpx;
}

.p-36 {
	padding: 36rpx;
}

.p-40 {
	padding: 40rpx;
}

.p-44 {
	padding: 44rpx;
}

.p-48 {
	padding: 48rpx;
}


.pl-12 {
	padding-left: 12rpx;
}

.pl-16 {
	padding-left: 16rpx;
}

.pl-20 {
	padding-left: 20rpx;
}

.pl-24 {
	padding-left: 24rpx;
}

.pl-28 {
	padding-left: 28rpx;
}

.pl-32 {
	padding-left: 32rpx;
}

.pl-36 {
	padding-left: 36rpx;
}

.pl-40 {
	padding-left: 40rpx;
}

.pl-44 {
	padding-left: 44rpx;
}

.pl-48 {
	padding-left: 48rpx;
}


.pt-12 {
	padding-top: 12rpx;
}

.pt-16 {
	padding-top: 16rpx;
}

.pt-20 {
	padding-top: 20rpx;
}

.pt-24 {
	padding-top: 24rpx;
}

.pt-28 {
	padding-top: 28rpx;
}

.pt-32 {
	padding-top: 32rpx;
}

.pt-36 {
	padding-top: 36rpx;
}

.pt-40 {
	padding-top: 40rpx;
}

.pt-44 {
	padding-top: 44rpx;
}

.pt-48 {
	padding-top: 48rpx;
}

.pr-12 {
	padding-right: 12rpx;
}

.pr-16 {
	padding-right: 16rpx;
}

.pr-20 {
	padding-right: 20rpx;
}

.pr-24 {
	padding-right: 24rpx;
}

.pr-28 {
	padding-right: 28rpx;
}

.pr-32 {
	padding-right: 32rpx;
}

.pr-36 {
	padding-right: 36rpx;
}

.pr-40 {
	padding-right: 40rpx;
}

.pr-44 {
	padding-right: 44rpx;
}

.pr-48 {
	padding-right: 48rpx;
}

.pb-12 {
	padding-bottom: 12rpx;
}

.pb-16 {
	padding-bottom: 16rpx;
}

.pb-20 {
	padding-bottom: 20rpx;
}

.pb-24 {
	padding-bottom: 24rpx;
}

.pb-28 {
	padding-bottom: 28rpx;
}

.pb-32 {
	padding-bottom: 32rpx;
}

.pb-36 {
	padding-bottom: 36rpx;
}

.pb-40 {
	padding-bottom: 40rpx;
}

.pb-44 {
	padding-bottom: 44rpx;
}

.pb-48 {
	padding-bottom: 48rpx;
}

.ml-8{
	margin-left: 8rpx;
}

.ml-12 {
	margin-left: 12rpx;
}

.ml-16 {
	margin-left: 16rpx;
}

.ml-20 {
	margin-left: 20rpx;
}

.ml-24 {
	margin-left: 24rpx;
}

.ml-28 {
	margin-left: 28rpx;
}

.ml-32 {
	margin-left: 32rpx;
}

.ml-36 {
	margin-left: 36rpx;
}

.ml-40 {
	margin-left: 40rpx;
}

.ml-44 {
	margin-left: 44rpx;
}

.ml-48 {
	margin-left: 48rpx;
}

.mt-8 {
	margin-top: 8rpx;
}

.mt-12 {
	margin-top: 12rpx;
}

.mt-16 {
	margin-top: 16rpx;
}

.mt-20 {
	margin-top: 20rpx;
}

.mt-24 {
	margin-top: 24rpx;
}

.mt-28 {
	margin-top: 28rpx;
}

.mt-32 {
	margin-top: 32rpx;
}

.mt-36 {
	margin-top: 36rpx;
}

.mt-40 {
	margin-top: 40rpx;
}

.mt-44 {
	margin-top: 44rpx;
}

.mt-48 {
	margin-top: 48rpx;
}

.mr-12 {
	margin-right: 12rpx;
}

.mr-16 {
	margin-right: 16rpx;
}

.mr-20 {
	margin-right: 20rpx;
}

.mr-24 {
	margin-right: 24rpx;
}

.mr-28 {
	margin-right: 28rpx;
}

.mr-32 {
	margin-right: 32rpx;
}

.mr-36 {
	margin-right: 36rpx;
}

.mr-40 {
	margin-right: 40rpx;
}

.mr-44 {
	margin-right: 44rpx;
}

.mr-48 {
	margin-right: 48rpx;
}

.mb-12 {
	margin-bottom: 12rpx;
}

.mb-16 {
	margin-bottom: 16rpx;
}

.mb-20 {
	margin-bottom: 20rpx;
}

.mb-24 {
	margin-bottom: 24rpx;
}

.mb-28 {
	margin-bottom: 28rpx;
}

.mb-32 {
	margin-bottom: 32rpx;
}

.mb-36 {
	margin-bottom: 36rpx;
}

.mb-40 {
	margin-bottom: 40rpx;
}

.mb-44 {
	margin-bottom: 44rpx;
}

.mb-48 {
	margin-bottom: 48rpx;
}

.m-12 {
	margin: 12rpx;
}

.m-16 {
	margin: 16rpx;
}

.m-20 {
	margin: 20rpx;
}

.m-24 {
	margin: 24rpx;
}

.m-28 {
	margin: 28rpx;
}

.m-32 {
	margin: 32rpx;
}

.m-36 {
	margin: 36rpx;
}

.m-40 {
	margin: 40rpx;
}

.m-44 {
	margin: 44rpx;
}

.m-48 {
	margin: 48rpx;
}

.px-12 {
	padding-left: 12rpx;
	padding-right: 12rpx;
}

.px-16 {
	padding-left: 16rpx;
	padding-right: 16rpx;
}

.px-20 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.px-24 {
	padding-left: 24rpx;
	padding-right: 24rpx;
}

.px-28 {
	padding-left: 28rpx;
	padding-right: 28rpx;
}

.px-32 {
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.px-36 {
	padding-left: 36rpx;
	padding-right: 36rpx;
}

.px-40 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.px-44 {
	padding-left: 44rpx;
	padding-right: 44rpx;
}

.px-48 {
	padding-left: 48rpx;
	padding-right: 48rpx;
}

.py-12 {
	padding-top: 12rpx;
	padding-bottom: 12rpx;
}

.py-16 {
	padding-top: 16rpx;
	padding-bottom: 16rpx;
}

.py-20 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.py-24 {
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}

.py-28 {
	padding-top: 28rpx;
	padding-bottom: 28rpx;
}

.py-32 {
	padding-top: 32rpx;
	padding-bottom: 32rpx;
}

.py-36 {
	padding-top: 36rpx;
	padding-bottom: 36rpx;
}

.py-40 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.py-44 {
	padding-top: 44rpx;
	padding-bottom: 44rpx;
}

.py-48 {
	padding-top: 48rpx;
	padding-bottom: 48rpx;
}

.mx-12 {
	margin-left: 12rpx;
	margin-right: 12rpx;
}

.mx-16 {
	margin-left: 16rpx;
	margin-right: 16rpx;
}

.mx-20 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mx-24 {
	margin-left: 24rpx;
	margin-right: 24rpx;
}

.mx-28 {
	margin-left: 28rpx;
	margin-right: 28rpx;
}

.mx-32 {
	margin-left: 32rpx;
	margin-right: 32rpx;
}

.mx-36 {
	margin-left: 36rpx;
	margin-right: 36rpx;
}

.mx-40 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.mx-44 {
	margin-left: 44rpx;
	margin-right: 44rpx;
}

.mx-48 {
	margin-left: 48rpx;
	margin-right: 48rpx;
}

.my-12 {
	margin-top: 12rpx;
	margin-bottom: 12rpx;
}

.my-16 {
	margin-top: 16rpx;
	margin-bottom: 16rpx;
}

.my-20 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.my-24 {
	margin-top: 24rpx;
	margin-bottom: 24rpx;
}

.my-28 {
	margin-top: 28rpx;
	margin-bottom: 28rpx;
}

.my-32 {
	margin-top: 32rpx;
	margin-bottom: 32rpx;
}

.my-36 {
	margin-top: 36rpx;
	margin-bottom: 36rpx;
}

.my-40 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.my-44 {
	margin-top: 44rpx;
	margin-bottom: 44rpx;
}

.my-48 {
	margin-top: 48rpx;
	margin-bottom: 48rpx;
}

.text-12 {
	font-size: 12rpx;
}

.text-16 {
	font-size: 16rpx;
}

.text-20 {
	font-size: 20rpx;
}

.text-24 {
	font-size: 24rpx;
}

.text-28 {
	font-size: 28rpx;
}

.text-32 {
	font-size: 32rpx;
}

.text-36 {
	font-size: 36rpx;
}

.text-40 {
	font-size: 40rpx;
}

.text-44 {
	font-size: 44rpx;
}

.text-48 {
	font-size: 12rpx;
}

.font-400 {
	font-weight: 400;
}

.font-500 {
	font-weight: 500;
}

.font-600 {
	font-weight: 600;
}

.font-700 {
	font-weight: 700;
}

.font-800 {
	font-weight: 800;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-FFF{
	color: #FFF !important;
} 

.text-gray{
	color:#BEBEBE;
}

.image-44{
	width: 44rpx;
	height: 44rpx;
}

.round-4{
	border-radius: 4rpx;
}

.round-8{
	border-radius: 8rpx;
}

.round-12{
	border-radius: 12rpx;
}

.round-16{
	border-radius: 16rpx;
}

.round-20{
	border-radius: 20rpx;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.fixed{
	position: fixed;
}

.bg-FFF{
	background-color: #FFF;
}

.image-40{
	width: 40rpx;
	height: 40rpx;
}

.w-full{
	width: 100%;
}

.image-52{
	width: 52rpx;
	height: 52rpx;
}

.text-theme{
	color: $theme-color;
}

.imge-48{
	width: 48rpx;
	height: 48rpx;
}

.bg-theme{
	background-color: $theme-color !important;
}

.z-index-999{
	z-index: 999;
}

.image-20{
	width: 20rpx;
	height: 20rpx;
}

.status_bar {
	height: var(--status-bar-height);
	width: 100%;
	/* 非H5端，手机顶部状态栏区域会被页面内容覆盖。这是因为窗体是沉浸式的原因，即全屏可写内容。uni-app提供了状态栏高度的css变量--status-bar-height，如果需要把状态栏的位置从前景部分让出来，可写一个占位div，高度设为css变量 */
}

.text-left{
	text-align: left;
}

.image-48{
	width: 48rpx;
	height: 48rpx;
}

.image-36{
	width: 36rpx;
	height: 36rpx;
}

.text-48{
	font-size: 48rpx;
}

.border-2-gray{
	border: 2rpx solid #BEBEBE;
}

.image-28{
	width: 28rpx;
	height: 28rpx;
}

.image-32{
	width: 32rpx;
	height: 32rpx;
}

.image-56{
	width: 56rpx;
	height: 56rpx;
}

.text-FF7C01{
	color: #FF7C01;
}

.text-E2382B{
	color: #E2382B;
}

.hidden{
	overflow: hidden;
}

.shadow-20{
	box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(153,153,153,0.16);
}

.bg-F4F6FA{
	background-color: #F4F6FA;
}

.text-333{
	color: #333333;
}

.bg-FFFB25{
	background: #FFFB25;
}

.bg-BEF615{
	background: #BEF615;
}

.bg-F8FFE2{
	background: #F8FFE2;
}

.text-FF8400{
	color: #FF8400;
}

.text-583420{
	color: #583420;
}

.bg-FF8400{
	background-color: #FF8400;
}

.text-869AFF{
	color: #869AFF;
}

.image-144{
	width: 144rpx;
	height: 144rpx;
}

.bg-F7F6F4{
	background-color: #F7F6F4;
}

.image-200{
	width: 200rpx;
	height: 200rpx;
}

.image-96{
	width: 96rpx;
	height: 96rpx;
}

.image-88{
	width: 88rpx;
	height: 88rpx;
}

.text-nowrap{
	white-space: nowrap;
}

.image-64{
	width: 64rpx;
	height: 64rpx;
}

.text-8A4104{
	color: #8A4104;
}

.text-F40600{
	color: #F40600;
}

.text-C5B28A{
	color: #C5B28A;
}

.text-B38E45{
	color: #B38E45;
}

.text-FFE48A{
	color: #FFE48A;
}

.text-8EAC31{
	color: #3E6C10;
}

.bg-F8F8F8{
	background-color: #F8F8F8;
}

.bg-FFEDC9{
	background-color: #FFEDC9;
}

.iphoneX {
	/* 兼容iPhoneX */
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);

	/* margin-bottom: 0;
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom); */
}


